
* {
margin: 0;
padding: 0;
list-style: none;
}

img { border: 0; } 
fieldset { border: 0;}
a, a:visited {
color: #254598;
text-decoration: none;
}
a:hover {
color: #0a1a45;
text-decoration: underline;
}

html {
background: url(../imagens/bg_html.gif) repeat-y #2c3a55;
background-position:center top;
width: 100%;
float: left;
text-align: center;
}

body {
color: #568c9a;
margin: 0 auto;
width: 970px;
text-align: left;
font: 12px 'Trebuchet MS', Helvetica, sans-serif;
background: #fdfdfe;
}
#topo {
height: 163px;
width: 971px;
background:url(../imagens/bg_topo.gif) no-repeat #fdfdfe;
float: left;
}
#topo h1 {
background: url(../imagens/logo_textando.gif) no-repeat;
width: 337px;
height: 83px;
overflow: hidden;
text-indent: -9999px;
position: relative;
display: inline;
float: left;
left: 30px;
top: 20px;
}

#menu {
position: relative;
z-index:5;
margin-left: 40px;
border-bottom: none;
float: left;
}
#menu .ultimo { border-right: none;}
#menu li {
display: inline;
position: relative;
z-index:15;
float: left;
background: #fff;
}
#menu li.selecionado a{
float: left;
background: #fff;
border-bottom: none;
height: 24px;
}
#menu li.selecionado {
border-bottom: none;
}
#menu li a:hover {
color: #173c46;
}
#menu a{
background: url(../imagens/bg_menu_hover.gif) repeat-x;
border-top: 1px solid #e9f2f6;
border-right: 1px solid #e9f2f6;
float: left;
padding: 15px 25px 15px 25px;
color: #568c9a;
font-size: 17px;
}
.primeiro a{  height: 22px; border-left: 1px solid #e9f2f6; border-top: 1px solid #e9f2f6; border-bottom: 1px solid #e9f2f6;}
.primeiro { border-left: 1px solid #e9f2f6; border-top: 1px solid #e9f2f6; }
#principal_borda {
width: 940px;
margin-top: -10px;
margin-left: 15px;
clear: left;
float: left;
padding-top: 10px;
background:url(../imagens/bg_principal.gif) repeat-x #CBE1E8;
}

#principal {
width: 900px;
min-height: 330px;
_height: 330px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
float: left;
z-index: 5px;
padding-top: 20px;
background: #fff;
border: 1px solid #fff;
}
#principal #texto {
float: left;
font-size: 16px;
line-height: 28px;
padding-left: 9px;
color: #173c46;
}
#principal #texto_menor {
float: left;
width: 540px;
font-size: 14px;
line-height: 28px;
padding-left: 9px;
color: #173c46;
}
#principal #msg_inicial h2 {
color: #1c3a87;
}
#principal #msg_inicial {
float: left;
font-size: 16px;
padding-left: 9px;
color: #173c46;
width: 585px;
}
#principal #texto h2 {
color: #1c3a87;
}
#principal #texto h4 { 
font-size: 11px;
color: #73a1b0;
font-weight: bold;
margin-bottom: 9px;
}
#principal #texto input {
font-size: 18px;
color: #173c46;
font-family: inherit;
}
#principal #questionario {
margin-left: 8px;
float: right;
width: 350px;
font-size: 16px;
position: fixed;
right: 18.5%;
top: 35%;
right: 14%;
border: 1px solid #c0c0c0;
}
#area_fixa{ 
z-index: 0;
float: left;
padding: 10px;
}
#principal #questionario fieldset {
margin-bottom: 9px;
}
#principal #questionario h2 {
color: #1c3a87;
margin-bottom: 5px;
font-size: 18px;
}
#principal #questionario label{
font-size: 14px;
clear: right;
float: left;
padding: 2px 0 2px 0;
}
#principal #questionario input {
float: left;
margin-top: 5px;
margin-right: 5px;
clear: left;
}
#principal #questionario textarea{
font: 12px Arial, Helvetica, sans-serif;
width: 400px;
} 
#rodape {
background: url(../imagens/bg_rodape.gif) repeat-x;
border-top: 2px solid #e5eef0;
height: 52px;
width: 882px;
float: left;
margin-top: 30px;
padding-left: 44px;
padding-right: 44px;
padding-top: 3px;
}
#rodape #creditos {
float: left;
padding-top: 6px;
}
#rodape #marcas {
float: right;
padding-top: 10px;
}
#rodape #marcas li {
display: inline;
float: left;
margin-left: 11px;
}


#principal #login {
border: 1px solid #c0c0c0;
float: left;
margin-left: 18px;
width: 250px;
padding: 15px;
font-size: 16px;
}

#principal #login h2 {
color: #1c3a87;
margin-bottom: 5px;
font-size: 18px;
}
#principal #login label {
display: block;
margin-top: 10px;
}
#principal #login input {
padding: 4px;
font-size: 16px;
}
#principal #login input.text {
width: 233px;
}
#principal #erros {
color: #f00;
font-size: 12px;
}
#principal #login input.submit{ 
margin-top: 15px;
}

.tabela_listagem {
font-size: 13px;
margin-top: 4px;
border-collapse: collapse;
border: 1px solid #e0e9ec;
}
.tabela_listagem td{
padding: 10px;
border: 1px solid #edf3f7;
}
.tabela_listagem tr:hover{
background: #f5f9fb;
border: 1px solid #edf3f7;
cursor: pointer;
color: #1c3a87;
}
.tabela_listagem th{
background: #edf3f7;
color: #4162de;
padding: 10px;
border: 1px solid #c3dae1;
}

#barra_navegacao {
margin-left: 10px;
margin-bottom: 10px;
}
#barra_navegacao li { 
display: inline;
padding-right: 1px;
font-weight: bold;
}
#barra_navegacao li a { 
font-weight: normal;
}


#formCadastro {
float: left;
width: 900px;
font-size: 14px;
}

#formCadastro label {
width: 151px;
clear: left;
display: block;
text-align: right;
padding-right: 5px;
padding-top: 8px;
display: inline-block;
line-height: 1.8;
vertical-align: top;
cursor: hand;
float: left;

}
#formCadastro label.error {
color: #ff4f4f;
margin-left: 7px;
padding: 7px 5px 5px 5px;
font-family: Arial;
float: left;
padding: 0;
font-style: italic;
width: auto;
display: inline;
clear: none;
}

#formCadastro fieldset {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #E3E5E6;
}
#formCadastro fieldset legend {
padding-right: 5px;
padding-left: 15px;
font-weight: bold;
font-size: 18px;
}
#formCadastro input, #formCadastro select, #formCadastro textarea {
padding: 2px;
margin: 0;
font-size: 100%;
font-family: inherit;
font-size: 14px;
margin-top: 3px;
width: 250px;
float: left;
}
#formCadastro .radio {
float: left;
margin-bottom: 5px;
}
#formCadastro .radio label {
height: 20px;
}
#formCadastro .radio input {
height: 20px;
float: left;
margin-left: 2px;
}

#formCadastro input:focus{
background: #EEF1F1;
}

#formCadastro span.radio label, #formCadastro span.radio input {
width: auto;
}
#formCadastro input.enviar  {
font-size: 15px;
clear: left;
float: left;
width: auto;
margin-left: 155px;
padding: 5px;
}
.lacuna_certa {
background: #e7f4ff;
border: 1px solid #c0c0c0;
}
.lista_detalhes {
font-size: 13px;

float: left;
margin-bottom: 12px;
}
.lista_detalhes dt{
background: #DAE9EF;
padding: 5px;
float: left;
clear: left;
width: 100px;
color: #1C3A87;
margin-right: 2px;
margin-bottom: 2px;
font-weight: bold;
}
.lista_detalhes dd{
background: #EEF3F9;
padding: 5px;
float: left;
width: 400px;
}

#texto_lado {
float: right;
border: 1px solid #c0c0c0;
width: 345px;
padding: 5px;
}
#respostas {
float: left;
margin-right: 10px;
width: 527px;
}
#respostas h4{
width: 200px;
float: left;
}
.lista_detalhes textarea{
width: 389px;
height: 100px;
font: 12px Arial, Tahoma, Verdana;
padding: 3px;
}
ul.notas {
float: left;
background: #fff;
border: 1px solid #c0c0c0;
width: 386px;
margin: 0px 5px 5px 1px;
padding: 0px 5px 5px 5px;
 	
}
ul.notas li {
display: inline;
float: left;
width: 75px;
text-align: center;
font-size: 11px;

}
ul.notas li img {
display: block;
margin: 0 auto 3px auto;
}
input.salvar {
clear: left;
display: block;
left: 112px;
top: 10px;
position: relative;
}
.barra {
float: right;
margin-right: 5px;
}
.grupos {
float: left;
width: 260px;
padding: 5px;
margin: 10px;
font-size: 14px;
}
.grupos h4 {
font-size: 16px;
} 
